草庐IT

php regex删除CSS供应商前缀 hell

全部标签

javascript - 在 DOM 中添加/删除多个元素的最快方法

编辑:它不是“最快的DOM插入”的副本,因为它也包含事件监听器变量。无论如何,我会编辑问题。如果有人已经发现,我会知道一些事情。我想知道在javascript中添加元素的最快方法是什么,并且兼容ie6+、chrome10+、firefox2+。最快的技术:添加单个元素添加100个元素添加1个元素或1000个元素的任意时间曲线与上面相同,但用于删除元素添加/更改/删除内联样式属性添加事件监听器,例如mousedown/mouseup/mouseover添加/删除某些标签是否比其他标签更快?例如:添加/删除会更快或?(在添加模式下:我认为更快,因为它只有1个字母而不是3个字母,也许是因为d

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - 找出哪个 CSS 属性正在被 jQuery 动画化

我看到$element.is(':animated')告诉我$element是否正在设置动画,但是否可以查看哪些css属性正在设置动画。 最佳答案 是的,将step函数传递给animate()调用可以让您找出正在通过fx.prop设置动画的属性。以下是jQueryAPI文档中的示例:$('li').animate({opacity:.5,height:'50%'},{step:function(now,fx){vardata=fx.elem.id+''+fx.prop+':'+now;$('body').append(''+data

javascript - 如何使用datatables(jquery datagrid plugin)实现全选删除功能?

我正在使用jquery插件Datatables来操作我的行实际上它有一个允许checkall功能的tabletools插件,但是,我可以检查所有项目/检查多项,但是如何添加删除按钮并返回所选行?我已经有了删除的sql查询和删除警告弹框的功能。谢谢SelectallindatatableDocumentonhowtoretrieverow,butistilldon'tunderstandhowtodothis,thankyou$(document).ready(function(){$('#viewSub').dataTable({"sDom":'Tlfrtip',"oTableTool

javascript - 如何删除/销毁 flowplayer 实例?

像这样创建一个flowplayer实例后:$f("player","flowplayer.swf","my-video.flv");当直接移除容器元素时,$("#player").remove()(使用jQuery),我发现$f("player")还在那里。如何真正删除实例? 最佳答案 在BestKicker上,我们使用$f().unload()。 关于javascript-如何删除/销毁flowplayer实例?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何从复选框中删除 'being pressed' 状态?

我正在重写复选框上的mousedown事件,以便通过拖动其他复选框来启用选择。这涉及必须执行event.preventDefault()以禁用默认文本选择行为。一切正常,除了一个恼人的抽动,即复选框一直处于“被按下”状态,直到我松开鼠标(如果不清楚,请尝试在复选框上按住鼠标以查看我的意思)。如何将复选框的状态恢复为完全关闭或完全打开(不是“被按下”)?编辑:这是一个jsfiddle用我的代码。 最佳答案 您可以做的是通过:activepseudo-class为“复选框被按下”状态覆盖一些CSS。.​input[type=checkb

javascript - 选择并删除所有匹配的数据属性

我正在尝试找到一种方法来从页面中删除来自不同类型元素的所有匹配数据属性。我现在循环一个数组,但名称列表太长了,我希望有更好的方法来删除我的自定义数据属性......使用正则表达式模式?//代码vardataArr=['data-myplugin-value','data-myplugin-id',............'data-myplugin-name'];$.each(dataArr,function(i,a){$('['+a+']').removeAttr(a);}); 最佳答案 如果您不介意使用XPath,这是我的解决方

javascript - 隐藏元素时是否禁用 CSS3 转换?

我注意到(在Chrome43中使用jQuery)当元素有display:none时,转换被禁用。这种在所有浏览器上的标准化行为是jQuery的一个特性,还是生产中不能依赖的东西?当要在延迟函数中更改动画的CSS语句时,将启用转换。TakealookatthisJSFiddle.取消注释第3行或6以自行查看。解决方案:在生产中不能依赖此行为,因为它似乎是优化/设计选择而非规范的产物(根据@AndriyHorens的回答)。相反,您应该使用类打开和关闭动画(transition-property:none)。在Chrome43中,未能使用某个类使它对我来说不可靠。Chrome确实还需要单独

javascript - CSS随机动画

我的想法是制作一个图像,将其分解成小的部分,这些部分会在飞走时按比例缩小。我已经成功地使用了几个CSS动画-scale+translate3d-(结果不是很好,但这是一个开始)。现在,问题是我希望翻译是随机的。据我所知,有一种涉及JS/Jquery/GSAP的简单方法,还有一种涉及SCSS/Sass的更复杂的方法...我对他们都不熟悉。我找到了一个使用javascript来随机旋转的代码,并且我已将其改编为我的翻译。代码已发布here作为答案。//searchtheCSSOMforaspecific-webkit-keyframerulefunctionfindKeyframesRul

javascript - CSS 和 javascript 中的 (Chromium) alpha 颜色值(在 rgba 中)

如果我在javascript中通过rgba(r,g,b,a)将alpha值设置为1以外的任何值,则浏览器设置的实际值会略有不同。但是CSS中设置的值是完全匹配的。请参阅中的代码示例code-pen-sitewindow.onload=function(){document.getElementById("p1").style["background-color"]="rgba(255,0,0,0.3)";}RGBcolorswithopacity:RedGreen使用Chromium浏览器按F12激活检查器检查“红色”。“红色”的背景颜色设置为rgba(255,0,0,0.3),但在I